<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery - Scrollable page, the slider should not go to the top of the page</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="../wnmedia.js"></script>
<script type="text/javascript" src="../js.js"></script>
</head>

<body>
	<!-- container of images, this is where all the images are loaded from -->
	<ul id="Images">
      <li><img src="http://upload.wikimedia.org/wikipedia/commons/1/1b/Square_200x200.png" /><a href="http://www.link1.nl" target="_blank"></a></li>
      <li><img src="http://www.rpsea.org/attachments/wysiwyg/681/OTC_RGB_200x200.gif" /><a href="http://www.link2.nl" target="_self"></a></li>
      <li><img src="http://davidnaylor.org/temp/firefox-logo-200x200.png" /></li>
    </ul>
	
	<h1>Slider 1</h1>
	
	<ul style="overflow: hidden; list-style: none; list-style-type: none; ">
		<li style="float: left;"><img src="" id="Slider" alt="no_image" /></li>
	</ul>
	
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><p>Text<p>
</body>
</html>